<!DOCTYPE html>



<html lang="zh-CN">
<head>
	<meta charset="utf-8">

	<meta name="viewport" content="width=device-width, initial-scale=1 , maximum-scale=1, user-scalable=no">
	<meta name="x5-page-mode" content="app" />
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>输入销售工单</title>
	<!-- Bootstrap -->
	<link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css"
		  rel="stylesheet">



</head>
<body class="container"	>

<div id="app" class="panel panel-default" ng-app="app" ng-controller="ctrl">

	<div class="panel-heading">
		<h3 class="panel-title">
			实名认证
		</h3>
	</div>

	<div class="panel-body">
		<form role="form" action="<%=path%>/party/buyer/register" method="POST" name="buyerform" ng-submit="submit()"  novalidate>
			<div class="form-group   has-feedback">
				<label for="name">姓名:</label><span class="text-warning pull-right"  ng-show="buyerform.name.$invalid" class="help-inline">必填,2个以上字符</span>
				<input type="text" class="form-control"  name="name"  ng-model="info.name"  ng-minlength="2" required  placeholder="请输入姓名" >
				<span class="glyphicon glyphicon-remove form-control-feedback " style="color:red" ng-show="buyerform.name.$invalid" aria-hidden="true"></span>
				<span class="glyphicon glyphicon-ok form-control-feedback " style="color:green" ng-show="buyerform.name.$valid" aria-hidden="true"></span>
			</div>

			<div class="form-group   has-feedback">
				<label for="name">手机号码:</label><span class="text-warning pull-right"  ng-show="buyerform.mobilePhone.$invalid" class="help-inline">必填,必须是合法电话号码</span>
				<input type="text" class="form-control" name="mobilePhone"  ng-model="info.mobilePhone"  ng-pattern="/^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/" required  placeholder="请输入手机号码" >
				<span class="glyphicon glyphicon-remove form-control-feedback " style="color:red" ng-show="buyerform.mobilePhone.$invalid" aria-hidden="true"></span>
				<span class="glyphicon glyphicon-ok form-control-feedback " style="color:green" ng-show="buyerform.mobilePhone.$valid" aria-hidden="true"></span>
			</div>

			<div class="form-group   has-feedback">
				<label for="name">昵称:</label><span class="text-warning pull-right"  ng-show="buyerform.nickname.$invalid" class="help-inline">必填</span>
				<input type="text" class="form-control" name="nickname"  ng-model="info.nickname"   required  placeholder="请输入昵称" >
				<span class="glyphicon glyphicon-remove form-control-feedback " style="color:red" ng-show="buyerform.nickname.$invalid" aria-hidden="true"></span>
				<span class="glyphicon glyphicon-ok form-control-feedback " style="color:green" ng-show="buyerform.nickname.$valid" aria-hidden="true"></span>
			</div>

			<div class="form-group   has-feedback">
				<label for="name">城市:</label><span class="text-warning pull-right"  ng-show="buyerform.city.$invalid" class="help-inline">必填</span>
				<input type="text" class="form-control" name="city"  ng-model="info.city"   required  placeholder="请输入城市" >
				<span class="glyphicon glyphicon-remove form-control-feedback " style="color:red" ng-show="buyerform.city.$invalid" aria-hidden="true"></span>
				<span class="glyphicon glyphicon-ok form-control-feedback " style="color:green" ng-show="buyerform.city.$valid" aria-hidden="true"></span>
			</div>

			<div class="form-group   has-feedback">
				<label for="name">省份:</label><span class="text-warning pull-right"  ng-show="buyerform.province.$invalid" class="help-inline">必填</span>
				<input type="text" class="form-control" name="province"  ng-model="info.province"   required  placeholder="请输入省份" >
				<span class="glyphicon glyphicon-remove form-control-feedback " style="color:red" ng-show="buyerform.province.$invalid" aria-hidden="true"></span>
				<span class="glyphicon glyphicon-ok form-control-feedback " style="color:green" ng-show="buyerform.province.$valid" aria-hidden="true"></span>
			</div>

			<div class="form-group   has-feedback">
				<label for="name">国家:</label><span class="text-warning pull-right"  ng-show="buyerform.country.$invalid" class="help-inline">必填</span>
				<input type="text" class="form-control" name="country"  ng-model="info.country"   required  placeholder="请输入国家" >
				<span class="glyphicon glyphicon-remove form-control-feedback " style="color:red" ng-show="buyerform.country.$invalid" aria-hidden="true"></span>
				<span class="glyphicon glyphicon-ok form-control-feedback " style="color:green" ng-show="buyerform.country.$valid" aria-hidden="true"></span>
			</div>

			<div class="form-group   has-feedback">
				<label for="name">地址:</label><span class="text-warning pull-right"  ng-show="buyerform.address.$invalid" class="help-inline">必填</span>
				<input type="text" class="form-control" name="address"  ng-model="info.address" ng-click="showAddress()"   required  placeholder="请输入地址" >
				<span class="glyphicon glyphicon-remove form-control-feedback " style="color:red" ng-show="buyerform.address.$invalid" aria-hidden="true"></span>
				<span class="glyphicon glyphicon-ok form-control-feedback " style="color:green" ng-show="buyerform.address.$valid" aria-hidden="true"></span>
			</div>


			<button type="submit" ng-disabled="buyerform.$invalid "  class="btn btn-default">提交</button>


		</form>
	</div>

</div>



<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="//cdn.bootcss.com/jquery/1.12.1/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<!-- Include angular Js -->
<script src="//cdn.bootcss.com/angular.js/1.4.9/angular.min.js"></script>



<script>
		angular.module('app', []).controller('ctrl', function($scope, $http) {
    		$scope.isSubmit=false;

    		$scope.submit(){
    			$scope.isSubmit=true;
    		};
    		$scope.info={

    		};
    		
    		$scope.submit=function(){
    			
    			if ($scope.buyerform.$valid){
    				document.buyerform.submit();
    			}
    		};
    		
    		
    
		});
	</script>

</body>
</html>